<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/conmn.css">
<link rel="stylesheet" href="./css/slider.css">
<link rel="stylesheet" href="./css/productList.css">

<body>
    <!-- 顶部 -->
    <div class="top">
        <div class="typepage cr topb">
            <img src="./img/02-产品列表_02.jpg" alt="" style="height: 113px;">
            <p class="fl topp1">legochina.cn</p>
            <p class="topp fr">欢迎光临<a href="index.html">乐购</a>，请<a href="landingpPage.html">登陆</a>\<a href="from.html">注册</a></p>
            <ul>
                <li>图书、电子书、童书</li>
                <li>创意文具</li>
                <li>服饰、内衣</li>
                <li>鞋靴、箱包</li>
                <li>户外运动</li>
                <li>孕、婴、童</li>
                <li>家居、家纺、汽车</li>
                <li>家具、家装、康体</li>
                <li>美妆、个人护理、成人</li>
                <li>食品、茶酒、生鲜</li>
                <li>腕表、珠宝、眼镜</li>
                <li>手机、数码</li>
                <li>电脑办公</li>
                <li>家用电器</li>
            </ul>
        </div>
    </div>

    <form action="" class="typepage cr">
        <div class="fobox fr">
            <input type="text"><button class="fobtn"></button>
        </div>
        <div class="fort cr fr">
            <p class="fortlp fl"><img src="./img/bgicon_04.jpg">购物车<span>3</span></p>
            <p class="fortrt fr">我的订单</p>
        </div>
    </form>

    <div class="toplb typepage cr">
        <div class="toplbbox fr">
            <span><a href="#">图书</a></span>
            <span><a href="#">电子书 </a></span>
            <span><a href="#">原创文学</a></span>
            <span><a href="#">服装</a></span>
            <span><a href="#">户外运动</a></span>
            <span><a href="#">孕婴童 </a></span>
            <span><a href="#">家居</a></span>
            <span><a href="#">创意文具</a></span>
            <span><a href="#">地方特产</a></span>
            <span><a href="#">海外购</a></span>
            <span><a href="#">电器城</a></span>
        </div>
    </div>

    <!-- 顶部轮播图 -->
    <div class="toplb1 typepage cr">
        <div class="lunbo fl">
            <!--轮播开始-->
            <div class="pptbox" id="bannerInner" style="height: 464px;">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                    <li>
                        <a href="#"><img src='./img/2016080509372640151.jpg' /></a>
                    </li>
                    <li>
                        <a href="#"><img src="./img/pp1_05.jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src="./img/banner(2).jpg" /></a>
                    </li>
                    <li>
                        <a href="#"><img src='./img/2016080509372640151.jpg' /></a>
                    </li>
                    <li>
                        <a href="#"><img src="./img/banner(2).jpg" /></a>
                    </li>
                </ul>

                <!--数字控制器-->
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft">&lt;</span>
                <span class="btnright">></span>
            </div>
        </div>


        <div class="frbox fr">
            <p><img src="./img/02-产品列表_03.jpg" alt=""></p>
            <ul>
                <li>
                    <a href="">
                        <span>1</span>
                        <img src="./img/23579654-1_l.jpg" alt="" class="fl">
                        <p class="fr">《三体》刘慈欣一场科幻的史诗风暴</p>
                    </a>
                </li>

                <li class="liyc">
                    <a href="">
                        <span>2</span>
                        <img src="./img/23353342-1_l.jpg" alt="" class="fl">
                        <p class="fr">《从你的全世界路过》</p>
                    </a>
                </li>

                <li class="liyc">
                    <a href="">
                        <span>3</span>
                        <img src="./img/23353342-1_l.jpg" alt="" class="fl">
                        <p class="fr">《从你的全世界路过》</p>
                    </a>
                </li>

                <li class="liyc">
                    <a href="">
                        <span style="background-color: #666;">4</span>
                        <img src="./img/23353342-1_l.jpg" alt="" class="fl">
                        <p class="fr">《从你的全世界路过》</p>
                    </a>
                </li>

                <li class="liyc">
                    <a href="">
                        <span style="background-color: #666;">5</span>
                        <img src="./img/23353342-1_l.jpg" alt="" class="fl">
                        <p class="fr">《从你的全世界路过》</p>
                    </a>
                </li>

                <li class="liyc">
                    <a href="">
                        <span style="background-color: #666;">6</span>
                        <img src="./img/23353342-1_l.jpg" alt="" class="fl">
                        <p class="fr">《从你的全世界路过》</p>
                    </a>
                </li>

                <li class="liyc">
                    <a href="">
                        <span style="background-color: #666;">7</span>
                        <img src="./img/23353342-1_l.jpg" alt="" class="fl">
                        <p class="fr">《从你的全世界路过》</p>
                    </a>
                </li>

            </ul>
        </div>

        <div>
            <img src="./img/02-产品列表_05.jpg" alt="">
        </div>
    </div>

    <!-- 乐购图书折扣区 -->
    <div class="zkq typepage">
        <div class="zktop">
            <span>乐购·图书折扣区</span>
        </div>
        <ul class="cr">
            <li>
                <img src="./img/22935553-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li>
                <img src="./img/22935553-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li>
                <img src="./img/22935553-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li>
                <img src="./img/22935553-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li>
                <img src="./img/22935553-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>


            <li style="margin-top: 9px;">
                <img src="./img/22788959-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li style="margin-top: 9px;">
                <img src="./img/22788959-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li style="margin-top: 9px;">
                <img src="./img/22788959-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li style="margin-top: 9px;">
                <img src="./img/22788959-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>

            <li style="margin-top: 9px;">
                <img src="./img/22788959-1_l.jpg" alt="" style="margin-top: 3px;">
                <img src="./img/02-产品列表_07.png" alt="" class="baze">
                <p>白夜行&emsp;东野上吾</p>
                <img src="./img/02-产品列表_06.png" alt="" class="xin">
                <p class="jg">￥：38&emsp;<span>￥：58</span></p>
            </li>
        </ul>
    </div>

    <!-- 新书上架 -->
    <div class="xs typepage cr">
        <div class="xsfl fl">
            <p><span>新</span>书上架</p>
            <ul class="cr">
                <li>
                    <img src="./img/22928335-1_l.jpg" alt="">
                    <p class="mz">查理 史密斯</p>
                    <p>中国邮电出版社</p>
                    <p class="jg">￥：49<span>￥：79</span></p>
                </li>

                <li>
                    <img src="./img/22928335-1_l.jpg" alt="">
                    <p class="mz">查理 史密斯</p>
                    <p>中国邮电出版社</p>
                    <p class="jg">￥：49<span>￥：79</span></p>
                </li>

                <li>
                    <img src="./img/22928335-1_l.jpg" alt="">
                    <p class="mz">查理 史密斯</p>
                    <p>中国邮电出版社</p>
                    <p class="jg">￥：49<span>￥：79</span></p>
                </li>

                <li>
                    <img src="./img/22928335-1_l.jpg" alt="">
                    <p class="mz">查理 史密斯</p>
                    <p>中国邮电出版社</p>
                    <p class="jg">￥：49<span>￥：79</span></p>
                </li>

                <li>
                    <img src="./img/22928335-1_l.jpg" alt="">
                    <p class="mz">查理 史密斯</p>
                    <p>中国邮电出版社</p>
                    <p class="jg">￥：49<span>￥：79</span></p>
                </li>

                <li>
                    <img src="./img/22928335-1_l.jpg" alt="">
                    <p class="mz">查理 史密斯</p>
                    <p>中国邮电出版社</p>
                    <p class="jg">￥：49<span>￥：79</span></p>
                </li>

                <li>
                    <img src="./img/22928335-1_l.jpg" alt="">
                    <p class="mz">查理 史密斯</p>
                    <p>中国邮电出版社</p>
                    <p class="jg">￥：49<span>￥：79</span></p>
                </li>

                <li>
                    <img src="./img/22928335-1_l.jpg" alt="">
                    <p class="mz">查理 史密斯</p>
                    <p>中国邮电出版社</p>
                    <p class="jg">￥：49<span>￥：79</span></p>
                </li>

                <li>
                    <img src="./img/22928335-1_l.jpg" alt="">
                    <p class="mz">查理 史密斯</p>
                    <p>中国邮电出版社</p>
                    <p class="jg">￥：49<span>￥：79</span></p>
                </li>

                <li>
                    <img src="./img/22928335-1_l.jpg" alt="">
                    <p class="mz">查理 史密斯</p>
                    <p>中国邮电出版社</p>
                    <p class="jg">￥：49<span>￥：79</span></p>
                </li>
            </ul>
        </div>

        <div class="xsfr fr">
            <p>主编推荐</p>
            <ul style="padding: 5px;">
                <li class="cr">
                    <span style="color:red" class="fl">1</span>
                    <p class="fl ycp">就喜欢你看不惯我，又干不掉我</p>
                    <div class="cr fr ycbox">
                        <img src="./img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">
                            <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                    </div>
                </li>


                <li class="cr">
                    <span style="color:red" class="fl">2</span>
                    <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                    <div class="cr fr">
                        <img src="./img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">
                            <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                    </div>
                </li>


                <li class="cr">
                    <span style="color:red" class="fl">3</span>
                    <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                    <div class="cr fr">
                        <img src="./img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">
                            <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                    </div>
                </li>


                <li class="cr">
                    <span style="color:red" class="fl">4</span>
                    <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                    <div class="cr fr">
                        <img src="./img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">
                            <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                    </div>
                </li>


                <li class="cr">
                    <span style="color:red" class="fl">5</span>
                    <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                    <div class="cr fr">
                        <img src="./img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">
                            <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                    </div>
                </li>


                <li class="cr">
                    <span style="color:red" class="fl">6</span>
                    <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                    <div class="cr fr">
                        <img src="./img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">
                            <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                    </div>
                </li>

                <li class="cr">
                    <span style="color:red" class="fl">7</span>
                    <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                    <div class="cr fr">
                        <img src="./img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">
                            <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                    </div>
                </li>

                <li class="cr">
                    <span style="color:red" class="fl">8</span>
                    <p class="fl">就喜欢你看不惯我，又干不掉我</p>
                    <div class="cr fr">
                        <img src="./img/index08_05.jpg" alt="" class="fl">
                        <p class="fl">
                            <span>从你的全世界路过</span>入选央视'2014年中国好书'的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐，1500万次转发，超4亿次阅读。</p>
                    </div>
                </li>

            </ul>
        </div>
    </div>

    <!-- 独家提供 -->
    <div class="djtg typepage">
        <div class="djtop cr">
            <p class="fl"><span>独</span>家提供</p>
            <ul class="fr cr">
                <li class="xsli">货币金融</li>
                <li>社会文学</li>
                <li>科学技术</li>
            </ul>
        </div>
        <div class="djbt">
            <div class="xsdiv">
                <div class="lunbo fl">
                    <!--轮播开始-->
                    <div class="pptbox" id="djbannerInner" style="height: 464px;">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                            <li>
                                <ul class="cr">
                                    <li>
                                        <img src="./img/23418061-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23418061-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23418061-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23418061-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23418061-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23418061-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23418061-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23418061-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23418061-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23418061-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23418061-1_l.jpg"alt="" style="margin-top: 15px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23418061-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <ul class="cr">
                                    <li>
                                        <img src="./img/22913031-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22913031-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22913031-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22913031-1_l.jpg"  alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22913031-1_l.jpg"  alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22913031-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22913031-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22913031-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22913031-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22913031-1_l.jpg"  alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22913031-1_l.jpg" alt="" style="margin-top: 15px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22913031-1_l.jpg"  alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <ul class="cr">
                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg"alt="" style="margin-top: 15px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>
                                </ul>
                            </li>
                        </ul>

                        <!--数字控制器-->
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft">&lt;</span>
                        <span class="btnright">></span>
                    </div>
                </div>
            </div>

            <div>
                <div class="lunbo fl">
                    <!--轮播开始-->
                    <div class="pptbox" id="dj2bannerInner" style="height: 464px;">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                            <li>
                                <ul class="cr">
                                    <li>
                                        <img src="./img/21090357-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/21090357-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/21090357-1_l.jpg"alt='' style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/21090357-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/21090357-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/21090357-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/21090357-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/21090357-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/21090357-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/21090357-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/21090357-1_l.jpg"alt="" style="margin-top: 15px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/21090357-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <ul class="cr">
                                    <li>
                                        <img src="./img/23197299-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23197299-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23197299-1_l.jpg"  alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23197299-1_l.jpg"   alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23197299-1_l.jpg"   alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23197299-1_l.jpg"  alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23197299-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23197299-1_l.jpg"  alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23197299-1_l.jpg"  alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23197299-1_l.jpg"   alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23197299-1_l.jpg" alt="" style="margin-top: 15px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23197299-1_l.jpg"   alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <ul class="cr">
                                    <li>
                                        <img src="./img/22876893-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22876893-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22876893-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22876893-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22876893-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22876893-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22876893-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22876893-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22876893-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22876893-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22876893-1_l.jpg"alt="" style="margin-top: 15px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/22876893-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>
                                </ul>
                            </li>
                        </ul>

                        <!--数字控制器-->
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft">&lt;</span>
                        <span class="btnright">></span>
                    </div>
                </div>
            </div>


            <div>
                <div class="lunbo fl">
                    <!--轮播开始-->
                    <div class="pptbox" id="dj3bannerInner" style="height: 464px;">
                        <!--轮播的内容-->
                        <ul class="innerwrapper">
                            <li>
                                <ul class="cr">
                                    <li>
                                        <img src="./img/23206608-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23206608-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23206608-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23206608-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23206608-1_l.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23206608-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23206608-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23206608-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23206608-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23206608-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23206608-1_l.jpg"alt="" style="margin-top: 15px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23206608-1_l.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <ul class="cr">
                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg"  alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg"  alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg" alt="" style="margin-top: 15px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23436139-1_l_1.jpg"  alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <ul class="cr">
                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg"alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg"alt="" style="margin-top: 15px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>

                                    <li>
                                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                                        <p class="mz">查理 史密斯</p>
                                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                                        <p class="jg">￥：49<span>￥：79</span></p>
                                    </li>
                                </ul>
                            </li>
                        </ul>

                        <!--数字控制器-->
                        <ul class="controls">
                            <li class="current">1</li>
                            <li>2</li>
                            <li>3</li>
                        </ul>
                        <!--按钮控制器-->
                        <span class="btnleft">&lt;</span>
                        <span class="btnright">></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 猜你喜欢 -->
    <div class="cnxh typepage">
        <div class="cntop cr">
            <p class="fl"><span>独</span>家提供</p>
            <img src="./img/02-产品列表_11.jpg" alt="" class="fr hyp" >
        </div>
        <div class="cnbt">
            <div class="ulbox">
                <ul class="cr">
                    <li>
                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/22790777-1_l_1.jpg"alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/22790777-1_l_1.jpg"alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/22790777-1_l_1.jpg"alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/22790777-1_l_1.jpg"alt="" style="margin-top: 15px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/22790777-1_l_1.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
                </ul>
                <ul class="cr">
                    <li>
                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/23338636-1_l_5.jpg"  alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/23338636-1_l_5.jpg"alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/23338636-1_l_5.jpg"alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/23338636-1_l_5.jpg"alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/23338636-1_l_5.jpg"alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/23338636-1_l_5.jpg"alt="" style="margin-top: 15px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
    
                    <li>
                        <img src="./img/23338636-1_l_5.jpg" alt="" style="margin-top: 10px;">
                        <p class="mz">查理 史密斯</p>
                        <p style="margin-left: -40px; color: #666; margin-top: 5px;">中国邮电出版社</p>
                        <p class="jg">￥：49<span>￥：79</span></p>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 底部书 -->
    <div class="bts typepage">
        <ul class="cr">
            <li style="margin-left: 3px;"><img src="./img/02-产品列表_12_03.jpg" alt=""></li>
            <li><img src="./img/02-产品列表_12_03.jpg" alt=""></li>
            <li><img src="./img/02-产品列表_12_03.jpg" alt=""></li>
            <li><img src="./img/02-产品列表_12_03.jpg" alt=""></li>
            <li><img src="./img/02-产品列表_12_03.jpg" alt=""></li>
            <li><img src="./img/02-产品列表_12_03.jpg" alt=""></li>
        </ul>
    </div>

    <!-- 底部图片 -->
    <div class="bttu typepage">
        <img src="./img/02-产品列表_08.jpg" alt="">
    </div>

     <!-- 线 -->
     <div class="xian">
    </div>
    
    <!-- 底部 -->
    <div class="typepage bottom">
        <div class="bottop" >
            <ul style="margin-left: 178px;">
                <li><h3>购物指南</h3></li>
                <li>
                    <a href="">购物流程</a>
                </li>
                <li>
                    <a href="">发票制度</a>
                </li>
                <li>
                    <a href="">账户管理</a>
                </li>
                <li>
                    <a href="">会员优惠</a>
                </li>
            </ul>


            <ul>
                <li><h3>支付方式</h3></li>
                <li>
                    <a href="">货到付款</a>
                </li>
                <li>
                    <a href="">网上支付</a>
                </li>
                <li>
                    <a href="">礼品卡支付</a>
                </li>
                <li>
                    <a href="">银行转账</a>
                </li>
            </ul>


            <ul>
                <li><h3>订单配送</h3></li>
                <li>
                    <a href="">订单配送查询</a>
                </li>
                <li>
                    <a href="">订单状态说明</a>
                </li>
                <li>
                    <a href="">自动取消订单</a>
                </li>
                <li>
                    <a href="">自动支付取消</a>
                </li>
            </ul>


            <ul>
                <li><h3>退换货</h3></li>
                <li>
                    <a href="">退换货政策</a>
                </li>
                <li>
                    <a href="">自主申请退货</a>
                </li>
                <li>
                    <a href="">退货进度查询</a>
                </li>
                <li>
                    <a href="">退货的方式和时间</a>
                </li>
            </ul>
            

            <ul>
                <li><h3>商家服务</h3></li>
                <li>
                    <a href="">商家中心</a>
                </li>
                <li>
                    <a href="">运营服务</a>
                </li>
                <li>
                    <a href="">加入唯品会</a>
                </li>
            </ul>

            <ul>
                <li><img src="./img/logo_00.png" alt=""></li>
            </ul>
        </div>
    </div>

    <div class="typepage">
        <img src="./img/01-首页_03.jpg" alt="">
    </div>

    <!-- 回到顶部 -->
    <div class="hddb">
        <img src="./img/01-首页_07.jpg" alt="">
    </div>

    <!-- jquery.js -->
    <script src="./js/轮播js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <!--轮播插件-->
    <script src="./js/轮播js/slider.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/comon.js"></script>
    <script src="./js/productList.js"></script>
</body>

</html>